<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/model/swiper.css"  />
		<link type="text/css" rel="stylesheet" href="../css/jieshu_top.css" />
		<link type="text/css" rel="stylesheet" href="../css/jieshu_index.css" />
	
		
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/swiper.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/wyjs.js"></script>
		
			
		<title>优当借书</title>
		<style>
			.mySwiper .swiper-container .swiper-wrapper .swiper-slide img{
				width:100%;height: 100%;
				border-radius: 0.2rem;
				
			}
			.swiper-pagination.pagination{
				position: absolute;
				margin-top: 2.5rem;
				bottom:0;
				margin-bottom: 0rem;
				height: 0.4rem;line-height: 0.1rem;
				text-align: right;
				padding-right: 0.2rem;
				box-sizing: border-box;
				
			}
			
			.swiper-container-horizontal > .swiper-pagination-bulle{
				margin:0 0.1rem;
			}
			.swiper-pagination-bullet {
			    width: 0.1rem;
			    height: 0.1rem;
			    display: inline-block;
			    border-radius: 0.1rem;
			    background: #f8b3b3;
			    opacity: 0.5;
			   
			}
			.swiper-pagination-bullet-active{
				background: #FFFFFF;opacity: 1;
			}
		</style>
	</head>
	<body>
		<!--头部-->
		<div class="top">
			<a href="#" class="goback">
				<img src="../images/wyjs/goback.png"  />
			</a>
			
			<div class="searchbar">
				<a href="search.html">
					<img src="../images/wyjs/search.png" class="searchpic" />
					<input type="text" placeholder="搜索您想要的书籍" class="search_input" readonly="readonly" />
				</a>
			</div>
			<img src="../images/wyjs/menu.png"  class="menu"/>
		</div>
		<!--头部 结束--> 
		<!--主体 开始-->
		<div class="main">
			<!--一级分类-->
			<div class="navs chosen-container" id="regUseBtn">
				<div class="chosen-swiper">
					<a href="#" class="nav1 Btnbutton active">
						<p>幼儿馆</p>
					</a>
					<a href="#" class="nav2 Btnbutton">
						<p>小学馆</p>
					</a>
					<a href="#" class="nav3 Btnbutton">
						<p>幼儿馆</p>
					</a>
					<a href="#" class="nav4 Btnbutton ">
						<p>中学馆</p>
					</a>
					<a href="#" class="nav5 Btnbutton ">
						<p>幼儿馆</p>
					</a>
					<a href="#" class="nav3 Btnbutton">
						<p>幼儿馆</p>
					</a>
					<a href="#" class="nav5 Btnbutton ">
						<p>幼儿馆</p>
					</a>
					
				</div>
			</div>
			<!--一级分类 结束-->
			
			<!--分类 开始-->
			<div class="classes">
				<div class="swiper-container2" id="registerCont2">
					<div class="wrapper2 swiper-wrapper">
						<div class="swiper-slide" id="slider1">
							<!--中部 轮播图 开始-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper1">
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="../images/books/book.png" alt="这是一个轮播图1" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图2" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图3" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination1" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu1(),500);
							        		})
							        		function lunbotu1(){
							        			var myswiper1 = new Swiper('.mySwiper1', {
										    	autoplay :5000,
										    	loop : false,
										    	pagination: '.pagination1',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="new.html">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="new.html">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="new.html">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="ages.html">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
						</div>
						<div class="swiper-slide" id="slider2">
								<!--中部 轮播图 开始-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper2" >
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图1" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图2" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图3" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination2" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu2(),1000);
							        		})
							        		function lunbotu2(){console.log("实例化2");
							        			var myswiper = new Swiper('.mySwiper2', {
										    	autoplay :5000,
										    	loop:false,
										    	pagination: '.pagination2',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html">  
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
						</div>
						<div class="swiper-slide" id="slider3">
								<!--中部 轮播图 开始-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper3" >
								        <div class="swiper-wrapper " >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图31" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图32" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图33" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination3" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu3(),1000);
							        		})
							        		function lunbotu3(){
							        			var myswiper3 = new Swiper('.mySwiper3', {
										    	autoplay :5000,
										    	loop:true,
										    	pagination: '.pagination3',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							<!--三级分类 -->
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
						</div>
						<div class="swiper-slide" id="slider4">
							<!--中部 轮播图 开始<-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper4" >
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图41" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图42" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图43" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination4" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu4(),1000);
							        		})
							        		function lunbotu4(){
							        			var myswiper4 = new Swiper('.mySwiper4', {
										    	autoplay :5000,
										    	loop:true,
										    	pagination: '.pagination4',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html">  
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
							
						</div>
						<div class="swiper-slide" id="slider5">
							<!--中部 轮播图 开始<-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper5" >
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图51" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图52" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图53" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination5" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu5(),1000);
							        		})
							        		function lunbotu5(){
							        			var myswiper5 = new Swiper('.mySwiper5', {
										    	autoplay :5000,
										    	loop:true,
										    	pagination: '.pagination5',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html">  
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
							
						</div>
						<div class="swiper-slide" id='sidder6'>
							<!--中部 轮播图 开始<-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper6" >
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图61" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图62" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图63" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination pagination6" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu6(),1000);
							        		})
							        		function lunbotu6(){
							        			var myswiper6 = new Swiper('.mySwiper6', {
										    	autoplay :5000,
										    	loop:true,
										    	pagination: '.pagination6',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
//									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							
							
							
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html">  
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
							
						</div>
						<!--swiper slider the end-->
						<div class="swiper-slide" id='sidder7'>
							<!--中部 轮播图 开始<-->
							<div class="mySwiper">
								<!--轮播图-->
									<div class="swiper-container mySwiper7" >
								        <div class="swiper-wrapper" >
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图71" class="swiper_pic"/></div>
								            <div class="swiper-slide"><img src="#" alt="这是一个轮播图72" class="swiper_pic"/></div>
								           	<div class="swiper-slide"><img src="#" alt="这是一个轮播图73" class="swiper_pic"/></div>
								        </div>
						        		<!-- Add Pagination -->
						        		<div class="swiper-pagination pagination" ></div>
						        		<!--<div class="swiper-scrollbar"></div>-->
						        		
							        	<script type="text/javascript">
							        		$(function(){
							        			setTimeout(lunbotu7(),1500);
							        		})
							        		function lunbotu7(){
							        			var myswiper = new Swiper('.swiper-container', {
										    	autoplay :5000,
										    	loop:true,
										    	pagination: '.swiper-pagination',
												paginationType : 'bullets',
												paginationClickable: true
										    	
									    	});
							        		}
//									    	
							        	</script>
							        </div>
					    			<!--/中部轮播图-->
							</div>
							<!--轮播图 结束-->
							<!--二级分类 开始-->
							<div class="subclass">
								<ul>
									<li>
										<a href="#">
											<img src="../images/wyjs/new.png" class="new" />
											<p>图书上新</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/star.png" class="star" />
											<p>阅读推荐</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/hot.png" class="hot" />
											<p>热门借阅</p>
										</a>
									</li>
									<li>
										<a href="#">
											<img src="../images/wyjs/ages.png" class="agess" />
											<p>年龄分类</p>
										</a>
									</li>
									<div class="clear"></div>
								</ul>
								
							</div>
							<!--二级分类 结束-->
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>绘本类</span>
											<div class="show_all">
												<a href="classes.html"> 
													全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
												</a>
											</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">艺术</a>
											</li>
											<li>
												<a href="#">艺术2</a>
											</li>
											<li>
												<a href="#">艺术3</a>
											</li>
											<li>
												<a href="#">艺术4</a>
											</li>
											<li>
												<a href="#">艺术5</a>
											</li>
											<li>
												<a href="#">艺术6</a>
											</li>
											<li>
												<a href="#">艺术7</a>
											</li>
											
											<!--<div class="clear"></div>-->
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>幼儿类</span>
												<div class="show_all">
													<a href="classes.html">  
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											<li>
												<a href="#">幼儿6</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="i_title">
									<!--<a href="#">-->
										<div class="i_title_con">
											<span>艺术类</span>
												<div class="show_all">
													<a href="classes.html"> 
														全部
													<img src="../images/wyjs/arrow_r.png" class="arrow_r" />
													</a>
												</div>
										</div>
									<!--</a>-->
								</div>
								<div class="i_list">
									<div class="i_list_con">
										<ul>
											<li>
												<a href="#">幼儿1</a>
											</li>
											<li>
												<a href="#">幼儿2</a>
											</li>
											<li>
												<a href="#">幼儿3</a>
											</li>
											<li>
												<a href="#">幼儿4</a>
											</li>
											<li>
												<a href="#">幼儿5</a>
											</li>
											
										</ul>
									</div>
								</div>
							</div>
							
							<div class="clear"></div>
							
						</div>
						<!--swiper slider the end-->
					</div>
					<!--swiper wrapper the end-->
				</div>
				<!--swiper container the end-->
			</div>	
			<!--classes 结束-->
		</div>
		<!--main 结束-->
		
		<!--头部菜单  开始-->
		<!--样式表在总项目中 该项目中未导入-->
		<div class="grey grey2" style="display: block;">
			<div id="menu">
				<ul>
					<li class="kefu">
						<a href="#">
							<img src="../images/grey/kefu.png" />
							<div>首页</div>
						</a>
					</li>
					<li class="jiameng">
						<a href="#">
							<img src="../images/grey/jiameng.png" />
							<div>我的</div>
						</a>
					</li>
					<li class="tjbd">
						<a href="#" >
							<img src="../images/grey/tuijian.png" />
							<div>客服</div>
						</a>
					</li>
					<li class="hezuo">
						<a href="#">
							<img src="../images/grey/hezuo.png" />
							<div>加盟开店</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--头部菜单  结束-->
		
		
	</body>
</html>
